<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="title" content="航盛主题商店_航盛主题官方商店，提供更专业的车机美化服务。">
    <meta name="description" content="航盛HSAE主题商店是航盛官方主题市场，拥有海量优质主题、字体、壁纸、铃声，为您的车机提供个性化车机服务。登陆HSAE账户即可直接下载主题至车机，更方便，更快捷。">
    <meta name="keywords" content="航盛HSAE主题中心，航盛车机主题中心，航盛主题市场，航盛主题商店，航盛主题官方网站，航盛车机个性化主题，航盛主题，个性化主题，HSAE个性化主题">
    <link href="./css/common.css" rel="stylesheet" type="text/css">
    <title>航盛主题商店_航盛车机主题下载官方商店</title>
    <script src="./js/jquery.min.js"></script>
</head>


<body>
    <div id="head_wrapper">
        <div class="menu_head">
            <div class="menu">
                <div class="left" style="width: 350px;;">
                    <a href="http://www.hangsheng.com.cn/" target="_blank">HSAE官网</a>
                    <div class="split"></div>
                    <a href="" target="_blank">开放平台</a>
                </div>
                <div class="right" style="width: 650px;text-align: right;">
                    <input type="hidden" name="mz_flyme" id="mz_flyme" value="">
                    <input type="hidden" name="mz_developer" id="mz_developer" value="">
                    <input type="hidden" id="_assertion_nickname" value="用户671179044">
                    <span id="loginWrap" class="none" style="display: inline;">

                <a target="_blank" href="" id="w_notify" title="用户671179044" class="ellipsis">用户671179044</a>


                <div class="split"></div>
                
                <a id="head-logout" href="javascript:logout()" hidefocus="" title="退出">退出</a>
                
            </span>
                    <span id="unloginWrap" style="display: none;">
                <a href="" title="登录">登录</a>
                <div class="split"></div>
                <a href="" title="注册">注册</a>
            </span>
                </div>
            </div>
        </div>
        <div class="head">
            <div class="logo"></div>
            <a href="" class="current">主题</a>
            <a href="">壁纸</a>
            <a href="">字体</a>
            <div class="search_btn" id="flymeSearchBtn"></div>
            <div class="search_bg">
                <input type="text" id="flymeSearch" class="search" maxlength="100" value="" autocomplete="off" placeholder="请输入搜索的名称">
                <div class="jsonSuggestResults" style="top: 45px; left: 746px; width: 210px; display: none;"></div>
                <!-- <span class="default_val none">请输入搜索的名称</span> -->
            </div>

        </div>
        <div class="content">
            <div class="content_nav"><a class="current" href="/themes/public/index">主题</a>&nbsp;&nbsp;&gt;&nbsp;&nbsp;<a class="current" href="/themes/public/category/5009/all/new/index/0/20">文艺</a>&nbsp;&nbsp;&gt;&nbsp;&nbsp;<span class="ellipsis" title="印象墨尔本">印象墨尔本</span></div>
        </div>
    </div>


    <div class="tip_msg none"></div>




    <title>航盛主题商店-主题</title>

    <link href="./css/app.css" rel="stylesheet" type="text/css">


    <div id="wrapper">
        <input type="hidden" id="main_param" data-param-mzos="4.0">
        <div class="content_main" style="min-height: 70px;">
            <div id="theme_content" class="clearfix color_line1">
                <div class="left inside_left">
                    <div class="app_download download_container">
                        <img class="app_img" src="http://cc.res.meizu.com/fileserver/theme/theme_icon/5817/fc507815a9d04294bcb53b542d35d966.png">
                        <div class="price_bg downloading" data-appid="2987118" data-catid="5" data-detail="1">
                            <!--<a href="#" class="price" appId="2987118" appPrice= "5.99">5.99</a>-->
                            <a href="#" class="price">￥5.99</a>
                        </div>
                        <style>
                            .heart {
                                background: url(./img/web_heart_animation.png);
                                background-position: left;
                                background-repeat: no-repeat;
                                height: 100px;
                                width: 100px;
                                cursor: pointer;
                                position: absolute;
                                left: -14px;
                                background-size: 2900%;
                            }
                            
                            .heart:hover,
                            .heart:focus {
                                background-position: right;
                            }
                            
                            @-webkit-keyframes heartBlast {
                                0% {
                                    background-position: left;
                                }
                                100% {
                                    background-position: right;
                                }
                            }
                            
                            @keyframes heartBlast {
                                0% {
                                    background-position: left;
                                }
                                100% {
                                    background-position: right;
                                }
                            }
                            
                            .heartAnimation {
                                display: inline-block;
                                -webkit-animation-name: heartBlast;
                                animation-name: heartBlast;
                                -webkit-animation-duration: .8s;
                                animation-duration: .8s;
                                -webkit-animation-iteration-count: 1;
                                animation-iteration-count: 1;
                                -webkit-animation-timing-function: steps(28);
                                animation-timing-function: steps(28);
                                background-position: right;
                            }
                            
                            .feed p {
                                font-family: "Microsoft YaHei", 'Georgia', Times, Times New Roman, serif;
                                font-size: 25px;
                            }
                            
                            .feed {
                                margin: -15px 0 0 0;
                                height: 50px;
                                position: relative;
                                width: 90px;
                                float: right;
                            }
                            
                            .likeCount {
                                font-family: 'Georgia', Times, Times New Roman, serif;
                                margin-top: 32px;
                                margin-left: 60px;
                                font-size: 25px;
                                color: #999999
                            }
                            
                            .app_download .price_bg {
                                float: left;
                                margin: 0 0 50px 0;
                            }
                            
                            .app_download .price_bg a {
                                float: left;
                            }
                        </style>
                        <div class="feed" id="feed1">
                            <div class="heart " id="like1" rel="like"></div>
                            <div class="likeCount" id="likeCount1">14</div>
                        </div>
                        <script type="text/javascript">
                            $(document).ready(function() {

                                $('body').on("click", '.heart', function() {

                                    var A = $(this).attr("id");
                                    var B = A.split("like");
                                    var messageID = B[1];
                                    var C = parseInt($("#likeCount" + messageID).html());
                                    $(this).css("background-position", "")
                                    var D = $(this).attr("rel");

                                    if (D === 'like') {
                                        $("#likeCount" + messageID).html(C + 1);
                                        $(this).addClass("heartAnimation").attr("rel", "unlike");
                                    } else {
                                        $("#likeCount" + messageID).html(C - 1);
                                        $(this).removeClass("heartAnimation").attr("rel", "like");
                                        $(this).css("background-position", "left");
                                    }
                                });

                            });
                        </script>

                        <ul>
                            <li>
                                <span class="app_title">航友评分：</span>
                                <div class="app_content">
                                    <div class="star_bg star_50" data-num="50"></div>
                                </div>
                            </li>
                            <li>
                                <span class="app_title">类&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：</span>
                                <div class="app_content"><a href="/themes/public/category/5009/all/new/index/0/20?mzos=4.0" class="current" title="文艺">文艺</a></div>
                            </li>
                            <li>
                                <span class="app_title">开&nbsp;发&nbsp;者&nbsp;：</span>
                                <div class="app_content ellipsis">
                                    <a href="/themes/public/developers/1222047/themes?publisher_name=【Lop团队】-十九&amp;cate_type=theme&amp;mzos=4.0" class="current" title="【Lop团队】-十九">【Lop团队】-十九</a>
                                </div>

                            </li>
                            <li>
                                <span class="app_title">版&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本：</span>
                                <div class="app_content ellipsis noPointer">1.2.0</div>
                            </li>
                            <li>
                                <span class="app_title">下&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;载：</span>
                                <div class="app_content"><span>27861</span></div>
                            </li>
                            <li>
                                <span class="app_title">大&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;小：</span>
                                <div class="app_content">
                                    76.35MB
                                </div>
                            </li>
                            <li>
                                <span class="app_title">更新时间：</span>
                                <div class="app_content">2016-07-18</div>
                            </li>
                            <li>
                                <span class="app_title">车机系统：</span>
                                <div class="app_content">XXXXXXXX<br>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="app_list">
                        <div class="title_top">
                            <h3>作者其他主题</h3>
                        </div>
                        <div id="free_app">
                            <ul id="download_list">
                                <li>
                                    <div class="download_app">
                                        <span class="list_title"><a href="/themes/public/detail?package_name=com.meizu.theme.huizhang&amp;mzos=4.0" title="徽章风">徽章风</a></span>
                                        <div class="star_bg star_41" data-num="49"></div>
                                        <span class="download_img" style="display: block;"><a href="/themes/public/detail?package_name=com.meizu.theme.huizhang&amp;mzos=4.0" title="徽章风"><img class="app_img" src="http://cc.res.meizu.com/fileserver/theme/thumbnail/299/5fa969cc2de14d02a9ed19aec5300720.jpg"></a></span>
                                    </div>
                                </li>
                                <li>
                                    <div class="download_app">
                                        <span class="list_title"><a href="/themes/public/detail?package_name=com.meizu.theme.Spaopao01&amp;mzos=4.0" title="Dream Light">Dream Light</a></span>
                                        <div class="star_bg star_41" data-num="49"></div>
                                        <span class="download_img" style="display: none;"><a href="/themes/public/detail?package_name=com.meizu.theme.Spaopao01&amp;mzos=4.0" title="Dream Light"><img class="app_img" src="http://cc.res.meizu.com/fileserver/theme/thumbnail/186/fbbc3ffae4944c6682b8d4d33566828b.jpg"></a></span>
                                    </div>
                                </li>
                                <li>
                                    <div class="download_app">
                                        <span class="list_title"><a href="/themes/public/detail?package_name=com.meizu.theme.huizhang02&amp;mzos=4.0" title="徽章-X">徽章-X</a></span>
                                        <div class="star_bg star_41" data-num="48"></div>
                                        <span class="download_img" style="display: none;"><a href="/themes/public/detail?package_name=com.meizu.theme.huizhang02&amp;mzos=4.0" title="徽章-X"><img class="app_img" src="http://cc.res.meizu.com/fileserver/theme/thumbnail/209/16dc9bcb8d8841ddae5d951f22857232.jpg"></a></span>
                                    </div>
                                </li>
                                <li>
                                    <div class="download_app">
                                        <span class="list_title"><a href="/themes/public/detail?package_name=com.meizu.theme.qingfengge&amp;mzos=4.0" title="轻风格">轻风格</a></span>
                                        <div class="star_bg star_50" data-num="50"></div>
                                        <span class="download_img" style="display: none;"><a href="/themes/public/detail?package_name=com.meizu.theme.qingfengge&amp;mzos=4.0" title="轻风格"><img class="app_img" src="http://cc.res.meizu.com/fileserver/theme/thumbnail/145/ae75462a4cc24d7d80c27b48dc94d89a.jpg"></a></span>
                                    </div>
                                </li>
                                <li>
                                    <div class="download_app">
                                        <span class="list_title"><a href="/themes/public/detail?package_name=com.meizu.theme.xiaoshidai&amp;mzos=4.0" title="小时代4：灵魂尽头">小时代4：灵魂尽头</a></span>
                                        <div class="star_bg star_41" data-num="44"></div>
                                        <span class="download_img" style="display: none;"><a href="/themes/public/detail?package_name=com.meizu.theme.xiaoshidai&amp;mzos=4.0" title="小时代4：灵魂尽头"><img class="app_img" src="http://cc.res.meizu.com/fileserver/theme/thumbnail/188/7641c250e00e43d7b5e2d3c6e18554f0.jpg"></a></span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="right inside_right">
                    <div class="app_detail">
                        <div class="detail_top">
                            <h3>印象墨尔本</h3>
                            <!-- <div class="share_right">
                                <span class="shareWord">分享至</span>
                                <a rel="nofollow" href="#" onclick="util.sendToSiNa();"><span class="sina"></span></a>
                                <a href="#" onclick="util.sendToTenCent();"><span class="tencent"></span></a>
                            </div> -->

                            <!-- Baidu Share BEGIN -->
                            <div class="bdsharebuttonbox share_right" style="width: 120px;float: right;">

                                <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间">QQ空间</a>
                                <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博">新浪微博</a>
                                <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信">微信</a>
                            </div>
                            <script>
                                window._bd_share_config = {
                                    "common": {
                                        "bdSnsKey": {},
                                        "bdText": "",
                                        "bdMini": "2",
                                        "bdMiniList": false,
                                        "bdPic": "",
                                        "bdStyle": "0",
                                        "bdSize": "32"
                                    },
                                    "share": {
                                        "bdSize": 32
                                    }
                                };
                                with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
                            </script>
                            <!-- Baidu Share END -->


                        </div>
                        <div class="detail_content clearfix">
                            <span class="detail_title_style">主题描述：</span>
                            <div class="description_detail">
                                主题相关资源邮箱发送【或关注微信售后公众号：Lop科技】自动获取：<br>【1】50套相关锁屏与壁纸；<br>【2】联系人头像<br>【3】主题字体为免费的华康圆体<br>售后群号①： 431688684【略满】<br>售后群号②： 591945301【新群】<br>【印象墨尔本】主题制作历时3个月，是一款欧式风格主题，图标精心设计，另类且精致。<br>【主题特色】<br>1.精心设计的锁屏，风格迥异，美感十足<br>2.图标风格史无前例，另类精致。<br>3.适配顶栏电池，wifi，信号，振动，第三方等图标<br>4.拨号毛玻璃效果<br>5.下拉菜单图标适配<br>6.插件适配
                            </div>
                            <!-- <div class="moreDes">查看更多&gt;&gt;</div> -->

                        </div>

                    </div>
                    <div class="screenShots clearfix">
                        <span class="detail_title_style">主题展示</span>


                        <div class="works-cont editor-style ui-theme" id="p-content">
                            <img src="./img/2776528.jpg">
                            <img src="./img/2776530.jpg">
                            <img src="./img/2776531.png">
                        </div>


                    </div>

                    <div style="text-align: center;color: #AFAFAF;width: 100%;float: left;">
                        除非特别注明，主题由第三方开发者提供，如有侵犯您的版权，请<a style="color:#32a5e7" href="mailto:theme@hsae.com?subject=版权申诉">联系我们</a>将其删除。
                    </div>
                </div>
            </div>
        </div>
        <div id="flymeFooter" class="footerWrap">
            <div class="footerInner">
                <div class="footer-layer1">
                    <div class="footer-innerLink">

                        <a href="" target="_blank" title="关于航盛">关于航盛</a>
                        <img class="foot-line" src="./img/space.gif">

                        <a href="" target="_blank" title="联系我们">联系我们</a>
                    </div>


                </div>
                <div class="clear"></div>
                <div id="flymeCopyright" class="copyrightWrap">
                    <div class="copyrightInner">
                        <span>©2020 HSAE Telecom Equipment Co., Ltd. All rights reserved.</span>
                        <a href="http://www.miitbeian.gov.cn/" target="_blank">备案号: 苏ICP备13003602号-4</a>
                    </div>
                </div>
            </div>
        </div>
        <div id="wechatPic"></div>
    </div>


    <script>
        $(function() {
            $(".moreDes").click(function() {
                $(this).hide();
                $(".description_detail").css({
                    "height": auto,
                    "overflow-y": hidden
                });
            })

        })
    </script>

</body>

</html>